/* You can add global styles to this file, and also import other style files */
@use './assets/styles/' as styles;
@import 'bootstrap/scss/bootstrap';
@import "~bootstrap-icons/font/bootstrap-icons.css";

* { 
    margin: 0; 
    padding: 0; 
} 

html,
body {
    height: 100%;
}

body {
    font-family: Roboto, "Helvetica Neue", sans-serif;
}

.dark-theme {
    transition: all 1s ease 0s;
    background: #211e1e;
}

.light-theme {
    transition: all 1s ease 0s;
    background-color: styles.$greyLight-1;
}

app-page-loader {
    display: flex;
    height: 100%;
    width: 100%;
}
